<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link media="all" href="<c:url value="/css/base.css"/>" type="text/css" rel="stylesheet" />
    <link href="<c:url value="/css/base-dialog.css"/>" type="text/css" rel="stylesheet"/>
    <link href="<c:url value="/css/cart.css"/>" type="text/css" rel="stylesheet"/>
    <link href="http://cart.en.jd.com/cart/favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="http://cart.en.jd.com/cart/favicon.ico" type="image/x-icon"/>
    <title>My Shopping Cart</title>
    <script type="text/javascript" src="<c:url value="/js/jquery-1.11.2.js"/>"></script>
    <script type="text/javascript" src="<c:url value="/js/cart.js"/>"></script>
    <script type="text/javascript" src="<c:url value="/js/cart.extra.js"/>"></script>
    <script type="text/javascript" src="<c:url value="/js/config.js"/>"></script>
    <script type="text/javascript" src="<c:url value="/js/lib-v1.js"/>"></script>
  
</head>

<body>

<jsp:include page="/jsp/shortcut.jsp" />

<div class="cart-header w">
    <div class="logo">
    	<a href="http://en.jd.com">
    		<img height="50" width="174" src="http://static.360buyimg.com/ept/lib/img/logo.png"/>
    	</a>
   	</div>
    <div class="progress pro-1">
        <ul>
            <li class="step-1">My Shopping Cart</li>
            <li class="step-2">Shipping and Payment</li>
            <li class="step-3">Place Order</li>
        </ul>
    </div>
    <div class="company">
    	<img src="http://static.360buyimg.com/ept/cart/img/company1.png" height="37" width="68"/>
    	<img src="http://static.360buyimg.com/ept/cart/img/company2.png" height="37" width="68"/>
    </div>
</div>
<div class="w cart">
    <div id="show"></div>
    <div id="show-cart">
        <div class="cart-frame">
            <div class="tl"></div>
            <div class="tr"></div>
        </div>
        <div class="cart-inner cart-loading" id="loadingcart">
            <div class="loading-style1"><b></b>Loading, please wait...</div>
        </div>
        
        <div class="cart-inner cart-empty" id="emptycart" style="display:none;">
       		 <p>You currently have no items in your shopping cart, 
       		 	<a href="http://en.jd.com/">browse and find some items to add to your cart now!</a>
       		 </p>
    	</div>
			<!-- product list start -->
			<div class="cart w" id="productlist" style="display: none">
				<div class="cart-inner">
					<div class="cart-thead clearfix">
						<div class="column t-goods">Items</div>
						<!-- <div class="column t-price">Item Price</div> -->
						<div class="column t-price">Price</div>
						<div class="column t-other">Quantity</div>
						<div class="column t-other">Total</div>
						<div class="column t-other"></div>
					</div>
					<div id="product-list" class="cart-tbody">
						<!-- ************************商品开始********************* -->
						<!-- 主商品 -->
						<div data-bind="rowid:1" class="item item_selected ">
							<div class="item_form clearfix">
								<div class="cart-item">
									<div class="cell p-goods">
										<span class="pic">
											<a href="" target="_blank">
												<img clstag="clickcart|keycount|xincart|p-imglistcart" src="http://img10.360buyimg.com/n5/jfs/t658/291/18663269/86647/d3112509/54475b8eN121ee06e.jpg" alt="YooCar Magic Cube Car Cellphone Holder iPhone Navigation White"/>
											</a>
										</span>

										<div class="name">
											<a href="" clstag="clickcart|keycount|xincart|productnamelink" target="_blank">YooCar Magic Cube Car Cellphone Holder iPhone Navigation White</a>
										</div>
									</div>
									<!--
                   					<div class="cell p-price">
                      					<span>US$ 0.00</span>
                       					<span class="save">Save: US$ -9.49</span>
                   					</div>
                  					-->
									<div class="cell p-price">
										<span>US$ 9.49</span>
									</div>
									<div class="cell p-quantity">
										<div class="quantity-form" data-bind="">
											<a href="javascript:void(0);" class="decrement" clstag="clickcart|keycount|xincart|diminish1" id="decrement-1235942-2-1"></a>
											<input type="text" class="quantity-text" value="2" id="changeQuantity-1235942-2-1-0"/>
											<a href="javascript:void(0);" class="increment" clstag="clickcart|keycount|xincart|add1" id="increment-1235942-2-1-0"></a>
										</div>
									</div>
									<div class="cell p-price1">US$ 18.98</div>
									<div class="cell p-remove">
										<a id="remove-1235942-1"
											data-name="YooCar Magic Cube Car Cellphone Holder iPhone Navigation White"
											data-more="removed-9.49-2"
											clstag="clickcart|keycount|xincart|btndel318558"
											class="cart-remove" href="javascript:void(0);">Remove</a>
									</div>
									<span class="clr"></span>
									<div class="item_extra">
										<div class="sku-yanBao" data="skuYb_1235942_0">
											<!-- 延保服务按钮异步加载 -->
										</div>
									</div>
									<!-- 延保和赠品 -->
								</div>
							</div>
						</div>
						
						<div data-bind="rowid:2" class="item item_selected ">
							<div class="item_form clearfix">
								<div class="cart-item">
									<div class="cell p-goods">
										<span class="pic">
											<a href="" target="_blank">
												<img clstag="clickcart|keycount|xincart|p-imglistcart" src="http://img10.360buyimg.com/n5/jfs/t658/291/18663269/86647/d3112509/54475b8eN121ee06e.jpg" alt="YooCar Magic Cube Car Cellphone Holder iPhone Navigation White"/>
											</a>
										</span>

										<div class="name">
											<a href="" clstag="clickcart|keycount|xincart|productnamelink" target="_blank">YooCar Magic Cube Car Cellphone Holder iPhone Navigation White</a>
										</div>
									</div>
									<!--
                   					<div class="cell p-price">
                      					<span>US$ 0.00</span>
                       					<span class="save">Save: US$ -9.49</span>
                   					</div>
                  					-->
									<div class="cell p-price">
										<span>US$ 9.49</span>
									</div>
									<div class="cell p-quantity">
										<div class="quantity-form" data-bind="">
											<a href="javascript:void(0);" class="decrement" clstag="clickcart|keycount|xincart|diminish1" id="decrement-1235942-2-1"></a>
											<input type="text" class="quantity-text" value="2" id="changeQuantity-1235942-2-1-0"/>
											<a href="javascript:void(0);" class="increment" clstag="clickcart|keycount|xincart|add1" id="increment-1235942-2-1-0"></a>
										</div>
									</div>
									<div class="cell p-price1">US$ 18.98</div>
									<div class="cell p-remove">
										<a id="remove-1235942-1"
											data-name="YooCar Magic Cube Car Cellphone Holder iPhone Navigation White"
											data-more="removed-9.49-2"
											clstag="clickcart|keycount|xincart|btndel318558"
											class="cart-remove" href="javascript:void(0);">Remove</a>
									</div>
									<span class="clr"></span>
									<div class="item_extra">
										<div class="sku-yanBao" data="skuYb_1235942_0">
											<!-- 延保服务按钮异步加载 -->
										</div>
									</div>
									<!-- 延保和赠品 -->
								</div>
							</div>
						</div>
						<!-- ************************商品结束***************** -->
						<!-- ************************************************* -->


					</div>
					<!-- product-list结束 -->
					<div class="cart-toolbar">
						<span class="delete"><b></b><a href="javascript:void(0);"
							clstag="clickcart|keycount|xincart|clearcartlink"
							id="remove-batch">Clear Your Shopping Cart</a></span>

						<div class="z-price">
							<p>
								Subtotal (2 items) :<strong id="finalPrice" data-bind="18.98">US$
									18.98</strong>
							</p>
							<!--
                   <p>Total Save: <span> US$ -18.98</span></p>
                    -->
						</div>
					</div>
					<div class="cart-button">
						<a href="javascript:goToOrder();" class="checkout"></a> <a
							href="localhost:8080/RemoteSensing/index.jsp" class="continue"></a>
					</div>

				</div>
			</div>

			<!-- product list end -->

			<div class="cart-frame">
            <div class="bl"></div>
            <div class="br"></div>
        </div>
    </div>
    <div class="cart-removed" style="display:none;">
        <div class="r-title">These items were removed from your cart. You can add them again or add to your wish list:
        </div>

    </div>
</div>

<div class="w">
    <div id="service">
        <dl>
            <dt><strong>About JD</strong></dt>
            <dd>
                <div><b>·</b><a target="_blank" rel="nofollow" href="http://help.en.jd.com/help/question-31.html">Corporate Profile</a></div>
                <div><b>·</b><a target="_blank" href="http://help.en.jd.com/help/question-32.html">Founder’s Profile</a></div>
                <div><b>·</b><a target="_blank" href="http://help.en.jd.com/help/question-33.html">Mission & Values</a></div>
            	<div><b>·</b><a target="_blank" href="http://ir.jd.com">Investor Relations</a></div>
		  </dd>
        </dl>
        <dl>
            <dt><strong>Make Money with Us</strong></dt>
            <dd>
                <div><b>·</b><a target="_blank" rel="nofollow" href="http://help.en.jd.com/help/question-34.html">Wholesale by JD</a></div>
                <div><b>·</b><a target="_blank" rel="nofollow" href="http://help.en.jd.com/help/question-35.html">Become an Affiliate</a></div>
            </dd>
        </dl>
        <dl>
            <dt><strong>Buyer Protection</strong></dt>
            <dd>
                <div><b>·</b><a target="_blank" rel="nofollow" href="http://help.en.jd.com/help/question-39.html">Safe Payment</a></div>
                <div><b>·</b><a target="_blank" rel="nofollow" href="http://help.en.jd.com/help/question-37.html">Brand Supplier</a></div>
                <div><b>·</b><a target="_blank" rel="nofollow" href="http://help.en.jd.com/help/question-6.html">Refund & Returns</a></div>
                <div><b>·</b><a target="_blank" rel="nofollow" href="http://help.en.jd.com/help/question-7.html">Privacy Policy</a></div>
            </dd>
        </dl>
        <dl>
            <dt><strong>Let Us Help You</strong></dt>
            <dd>
                <div><b>·</b><a target="_blank" rel="nofollow" href="http://help.en.jd.com/help/question-10.html">Contact Us</a></div>
                <div><b>·</b><a target="_blank" rel="nofollow" href="http://help.en.jd.com/help/question-38.html">JD Prime Member</a></div>
                <div><b>·</b><a target="_blank" rel="nofollow" href="http://help.en.jd.com/help/question-40.html">Terms & Conditions</a></div>
            </dd>
        </dl>
        <div class="num">Global JD.com,Online Shopping for Books, Electronics, Apparel, Computers, Home Garden & more,Buying with Confidence from Brand Name Suppliers.</div>
        <span class="clr"></span>
    </div>
</div>
<div class="w">
    <div id="footer">
        <div class="authentication"></div>
        <div class="copyright">Copyright © 2006-2014  360buy Ltd. All Rights Reserved. </div>
    </div>
</div>

<!-- footer end -->

<!-- 各种弹出层开始 -->


<!-- 修改、删除等操作弹层 -->
<div id="cart-delete-dialog" class="dialog" style="display:none;">
    <div class="dialog-outer">
        <span class="dialog-bg dialog-bg-n"></span>
        <span class="dialog-bg dialog-bg-ne"></span>

        <span class="dialog-bg dialog-bg-e"></span>
        <span class="dialog-bg dialog-bg-se"></span>
        <span class="dialog-bg dialog-bg-s"></span>
        <span class="dialog-bg dialog-bg-sw"></span>
        <span class="dialog-bg dialog-bg-w"></span>
        <span class="dialog-bg dialog-bg-nw"></span>

        <div class="dialog-inner">
            <div class="dialog-toolbar clearfix">
                <a class="dialog-close" href="javascript:void(0);" title="关闭">Close</a>

                <h3 class="dialog-title">Remove items</h3>
            </div>
            <div class="dialog-content">
                <div class="cart-delete">Are you sure you want to remove this item from your shopping cart?</div>
                <div class="btns clearfix">
                    <a href="javascript:void(0);" class="btn btn-ok" id="btnRemoveConfirm" data-bind="" data-show="">
                    	<span class="btn-text">Confirm</span>
                    </a>
                    <a href="javascript:void(0);" class="btn btn-cancel" id="btnRemoveCancel">
                    	<span class="btn-text">Cancel</span>
                    </a>

                </div>
            </div>
        </div>
    </div>
</div>

<div id="cart-loading-dialog" class="dialog cart-tooltip" style="display:none; left:20px;">
    <div class="dialog-outer">
        <span class="dialog-bg dialog-bg-n"></span>
        <span class="dialog-bg dialog-bg-ne"></span>

        <span class="dialog-bg dialog-bg-e"></span>
        <span class="dialog-bg dialog-bg-se"></span>
        <span class="dialog-bg dialog-bg-s"></span>
        <span class="dialog-bg dialog-bg-sw"></span>
        <span class="dialog-bg dialog-bg-w"></span>
        <span class="dialog-bg dialog-bg-nw"></span>

        <div class="dialog-inner">
            <div class="loading-style1"><b></b>Loading, please wait...</div>

        </div>
        <div class="dialog-bump"><span class="dialog-arrow"></span></div>
    </div>
</div>

<div id="cart-success-dialog" class="dialog cart-tooltip" style="display:none; left:250px;">
    <div class="dialog-outer">
        <span class="dialog-bg dialog-bg-n"></span>
        <span class="dialog-bg dialog-bg-ne"></span>
        <span class="dialog-bg dialog-bg-e"></span>

        <span class="dialog-bg dialog-bg-se"></span>
        <span class="dialog-bg dialog-bg-s"></span>
        <span class="dialog-bg dialog-bg-sw"></span>
        <span class="dialog-bg dialog-bg-w"></span>
        <span class="dialog-bg dialog-bg-nw"></span>

        <div class="dialog-inner">
            <div class="dialog-content">
                <div class="dialog-message">
                    The item quantity has been succesfully updated!
                    <br/>
                    <span id="adMessage"></span>
                    Total Amount:
                    <span id="finalPriceChanged">US&#36; </span>
                    <br/>
                    <a href="javascript:void(0);" id="closeSuccessDialog">Close</a>
                </div>
            </div>
        </div>
        <div class="dialog-bump"><span class="dialog-arrow"></span></div>
    </div>

</div>

<div id="cart-restrict-warning-dialog" class="dialog cart-tooltip cart-tooltip-notice"
     style="display:none; left:480px;">
    <div class="dialog-outer">
        <span class="dialog-bg dialog-bg-n"></span>
        <span class="dialog-bg dialog-bg-ne"></span>
        <span class="dialog-bg dialog-bg-e"></span>
        <span class="dialog-bg dialog-bg-se"></span>
        <span class="dialog-bg dialog-bg-s"></span>
        <span class="dialog-bg dialog-bg-sw"></span>

        <span class="dialog-bg dialog-bg-w"></span>
        <span class="dialog-bg dialog-bg-nw"></span>

        <div class="dialog-inner">
            <div class="dialog-content">
                <div class="dialog-notice">Discounts on this item is limited to a quantity of <span
                        id="limitNum"></span>.
                </div>
            </div>
        </div>
        <div class="dialog-bump"><span class="dialog-arrow"></span></div>

    </div>
</div>

<div id="cart-format-warning-dialog" class="dialog cart-tooltip cart-tooltip-notice" style="display:none; left:710px;">
    <div class="dialog-outer">
        <span class="dialog-bg dialog-bg-n"></span>
        <span class="dialog-bg dialog-bg-ne"></span>
        <span class="dialog-bg dialog-bg-e"></span>
        <span class="dialog-bg dialog-bg-se"></span>
        <span class="dialog-bg dialog-bg-s"></span>

        <span class="dialog-bg dialog-bg-sw"></span>
        <span class="dialog-bg dialog-bg-w"></span>
        <span class="dialog-bg dialog-bg-nw"></span>

        <div class="dialog-inner">
            <div class="dialog-content">
                <div class="dialog-notice" id="dialog-warning-notice">You can only enter numbers in this field!</div>
            </div>
        </div>

        <div class="dialog-bump"><span class="dialog-arrow"></span></div>
    </div>
</div>


<!-- 各种弹出层结束 -->
<input type="hidden" id="outSkus" value=""/>

<!-- 修改数量之前的值 -->
<input type="hidden" id="changeBeforeValue" value=""/>
<input type="hidden" id="changeBeforeId" value=""/>


<textarea id="cart_jst" style="display: none;">

    <div class="cart-inner cart-empty" id="emptycart">
        <p>You currently have no items in your shopping cart, <a href="http://en.jd.com/">browse and find some items to
            add to your cart now!</a>
    </div>
 
</textarea>

<!-- End Google Tag Manager -->
<!-- 公共头尾js end -->
</body>
</html>
